<div kendo-window="revertSnapshot__" k-options="optionsRevertSnapshot__" k-visible="false">
    <div>
        <h4 class="z-win-h4">{{ "volume.reverSnapshot.REVERT VOLUME TO SNAPSHOT" | translate }}</h4>

        <table class="table z-table-borderless">
            <tr>
                <td><span class="z-label">{{ "volume.reverSnapshot.VOLUME NAME:" | translate }}</span></td>
                <td><span class="z-description">{{volume.name}}</span></td>
            </tr>
            <tr>
                <td><span class="z-label">{{ "volume.reverSnapshot.VOLUME TYPE:" | translate }}</span></td>
                <td><span class="z-description">{{volume.type}}</span></td>
            </tr>
            <tr>
                <td><span class="z-label">{{ "volume.reverSnapshot.SNAPSHOT NAME:" | translate }}</span></td>
                <td><span>{{snapshot.name}}</span></td>
            </tr>
            <tr>
                <td><span class="z-label">{{ "volume.reverSnapshot.SNAPSHOT UUID:" | translate }}</span></td>
                <td><span>{{snapshot.uuid}}</span></td>
            </tr>
            <tr ng-show="isVmInCorrectState()">
                <td><span class="z-label">{{ "volume.reverSnapshot.VM THE VOLUME ATTACHED:" | translate }}</span></td>
                <td><span class="z-description">{{vm.name}}</span></td>
            </tr>
        </table>

        <p style="color: red" ng-show="!isVmInCorrectState()">{{ "volume.reverSnapshot.HINT" | translate }}</p>

        <button type="button" class="btn btn-default" ng-click="cancel()">{{ "volume.reverSnapshot.Cancel" | translate }}</button>
        <button type="button" class="btn btn-primary" ng-disabled="!canProceed()" ng-click="done()">{{ "volume.reverSnapshot.Revert" | translate }}</button>
    </div>
</div>
